<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title><%= title %></title>
    <% include partial/meta %>
    <link rel="stylesheet" href="/app/static/css/frozen.css">
    <link rel="stylesheet" href="/app/static/css/app.css">
</head>

<body>
    <div>
        <h2><%= title %></h2>
    </div>
    <div id="slideBox" class="slideBox">
        <div class="bd">
            <ul>
                <% res.house.images.forEach(function (image) { %>
                    <a class="pic"><img src="<%= image %>?h=200" /></a>
                <% }) %>
                <!-- <li>
                    <span class="tag">阳台</span>
                    <a class="pic"><img src="/img/1b.jpg" /></a>
                </li> -->
            </ul>
        </div>
        <div class="hd">
            <ul></ul>
        </div>
    </div>
    <div class="ui-share-component">
        <ul class="ui-justify ui-whitespace">
            <li>
                <p><%= res.house.community %> | <%= res.house.roomNum %>居室 | Room<%= res.house.classify %></p>
            </li>
            <li>
                <p>
                    <img src="/app/static/img/VIDEO.png" alt="video">
                    <span class="ui-video">视频看房</span>
                </p>
            </li>
        </ul>
      <!--   <ul class="ui-justify ui-whitespace">
            <li>
                <p>    
                    <label class="ui-label-s">南北通透</label>
                    <label class="ui-label-s">干净</label>
                    <label class="ui-label-s">性价比高</label>
                </p>
            </li>
        </ul> -->
        <ul class="ui-justify ui-whitespace">
            <li class ="ui-tag">
                <p><%= res.house.region %> | <%= res.house.community %></p>
            </li>
        </ul>
        <ul class="ui-justify ui-whitespace">
            <li class ="ui-tag">
                <p><%= res.house.area %>㎡ | <%= res.house.style %> </p>
            </li>
            <li>
                <p class ="ui-rent"><%= res.house.rent %> <small>元/月</small></p>
            </li>
        </ul>
    </div>
        <!-- <div class="ui-share-detail">
            <p>本套的其他房源信息</p>
            <div class ="ui-share-bg">
            <a href="" class ="ui-share-link">
                <ul class="ui-row">
                    <li class="ui-col ui-col-20"></li>
                    <li class="ui-col ui-col-20">元/月</li>
                    <li class="ui-col ui-col-20">㎡</li>
                    <li class="ui-col ui-col-20"></li>
                    <li class="ui-col ui-col-20">
                       
                    </li>
                </ul>
            </a>
            </div>
        </div> -->
    <div class="ui-share-detail">
        <p>房源信息</p>
        <div class ="ui-share-bg">
            <ul class="ui-row">
                <li class="ui-col ui-col-100">房源编号：<%= res.house.uuid %></li>
                <li class="ui-col ui-col-50">朝向：</li>
                <li class="ui-col ui-col-50">年代：</li>
                <li class="ui-col ui-col-50">楼层：层</li>
                <li class="ui-col ui-col-50">装修：</li>
                <li class="ui-col ui-col-50">卫生间：<%= res.house.toiletNum %></li>
                <li class="ui-col ui-col-50">付款方式：<%= res.house.payMode %></li>
            </ul>
        </div>
    </div>
    <!-- <div class="ui-share-detail">
        <p>房源信息</p>
        <div class ="ui-share-bg">
            <ul class="ui-row">
                    <li class="ui-col ui-col-100">房间配套</li>
                    <li class="ui-col ui-col-20">
                        <img src="/img/non.png" style ="width: 20px">
                        <p class ="ui-facility">22</p>
                    </li>
                    <li class="ui-col ui-col-20">
                        <img src="/img/non.png" style ="width: 20px">
                        <p class ="ui-facility">22</p>
                    </li>
                    <li class="ui-col ui-col-20">
                        <img src="/img/non.png" style ="width: 20px">
                        <p class ="ui-facility">22</p>
                    </li>
                    <li class="ui-col ui-col-20">
                        <img src="/img/non.png" style ="width: 20px">
                        <p class ="ui-facility">22</p>
                    </li>


                    <li class="ui-col ui-col-100">房源配套</li>
                        <li class="ui-col ui-col-20">
                            <img src="/img/selected.png" style ="width: 20px">
                            <p class ="ui-facility">33</p>
                        </li>
                        <li class="ui-col ui-col-20">
                            <img src="/img/selected.png" style ="width: 20px">
                            <p class ="ui-facility">33</p>
                        </li>
                    </li>
            </ul>
        </div>
    </div> -->
    
    <div class="ui-share-detail ui-subitem">
        <p>管家说</p>
        <div class ="ui-share-bg">
            <p class ="ui-critisize"><%= res.house.remark %></p>
        </div>
    </div>
    <script src="/app/static/js/TouchSlide.js"></script>
    <script src="/app/static/build/app.js"></script>
</body>

</html>
